import React, { useEffect } from 'react'
import styles from './index.module.less'
import Store from '../store'
import { observer, useLocalObservable } from 'mobx-react'

function Exam() {
    const store = useLocalObservable(() => Store)

    useEffect(() => {
        document.title = '拍卖游戏'
    }, [])

    return (
        <div className={styles.layout_container}>
            <div className={styles.box}>
                <div className={styles.bar} />
                <div className={styles.wrapper}>
                    <div className={styles.title}>拍卖须知</div>
                    <div className={styles.content}>老师根据价值观进行每一项的竞拍，学员可以填写金额后，会自动在1000万总金额中减除。每一项结束后， 显示拍得前三名！</div>
                </div>
                <div className={styles.wait}>
                    <div className={styles.text}>拍卖即将开始...</div>
                </div>
            </div>
        </div>
    )
}

export default observer(Exam)
